<template>
  <div class="unauthority">
    <img src="./../../assets/images/shenhe@2x.png"/>
    <div class="tips">提示</div>
    <div class="tips">您的账号为：{{user.accountStatus}} 状态,暂时无法使用平台功能，请见谅，谢谢！</div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'sun-insurance-unAuthority',
  data () {
    return {
      statusInfo: ''
    }
  },
  computed: {
    ...mapState({
      user: state => state.permission.user
    })
  },
  created () {
    this.getInfo()
  },
  methods: {
    getInfo () {
      // const userInfo = this.user
      switch (this.user.accountStatus) {
        case 0:
          this.user.accountStatus = '待审核'
          break
        case 1:
          this.user.accountStatus = '正常'
          break
        case 2:
          this.user.accountStatus = '拒绝'
          break
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
.unauthority{
  padding 20px 30px
  height 100%
  margin-top 36%
  .tips{
    margin-top 30px
    font-size:42px;
    font-family:PingFang-SC-Regular;
    font-weight:400;
    color:rgba(153,153,153,1);
  }
}
</style>
